<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务结果 - 后勤保障关键技术识别与预测系统</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body data-page="task-results">
    <!-- 顶部导航栏 -->
    <nav class="navbar">
        <button class="btn btn-sm btn-back">
            <svg class="menu-icon" viewBox="0 0 24 24">
                <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
            </svg>
        </button>
        <div class="navbar-title">任务结果</div>
        <div class="navbar-menu">
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="main-content">
        <div class="container">
            <!-- 任务信息 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">识别任务详情</h2>
                </div>
                <div class="form-group">
                    <label class="form-label">任务ID</label>
                    <div>20240116-001</div>
                </div>
                <div class="form-group">
                    <label class="form-label">任务名称</label>
                    <div>高精度定位导航技术识别</div>
                </div>
                <div class="form-group">
                    <label class="form-label">执行时间</label>
                    <div>2024-01-16 14:20</div>
                </div>
                <div class="form-group">
                    <label class="form-label">状态</label>
                    <div><span class="status-badge status-confirmed">已完成</span></div>
                </div>
            </div>

            <!-- 分析过程 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">分析过程</h2>
                </div>
                <div class="form-group">
                    <label class="form-label">任务进度</label>
                    <div class="progress-bar">
                        <div style="background-color: #2E5A3E; height: 8px; width: 100%; border-radius: 4px;"></div>
                    </div>
                    <div class="text-right">100%</div>
                </div>
                
                <div class="row">
                    <div class="col-6">
                        <div class="form-group">
                            <label class="form-label">开始时间</label>
                            <div>2024-01-14 08:00</div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group">
                            <label class="form-label">结束时间</label>
                            <div>2024-01-14 15:30</div>
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">执行步骤</label>
                    <div class="progress-item">
                        <div class="progress-title">资料拉取</div>
                        <div class="progress-meta">
                            <span class="progress-status status-completed">已完成</span>
                            <span style="float: right;">08:00-08:45</span>
                        </div>
                    </div>
                    <div class="progress-item">
                        <div class="progress-title">特征提取</div>
                        <div class="progress-meta">
                            <span class="progress-status status-completed">已完成</span>
                            <span style="float: right;">09:30-10:30</span>
                        </div>
                    </div>
                    <div class="progress-item">
                        <div class="progress-title">定量分析</div>
                        <div class="progress-meta">
                            <span class="progress-status status-completed">已完成</span>
                            <span style="float: right;">10:30-12:00</span>
                        </div>
                    </div>
                    <div class="progress-item">
                        <div class="progress-title">结果分析</div>
                        <div class="progress-meta">
                            <span class="progress-status status-completed">已完成</span>
                            <span style="float: right;">12:00-13:30</span>
                        </div>
                    </div>
                    <div class="progress-item">
                        <div class="progress-title">报告生成</div>
                        <div class="progress-meta">
                            <span class="progress-status status-completed">已完成</span>
                            <span style="float: right;">13:30-15:30</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 识别结果统计 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">识别结果统计</h2>
                </div>
                <div class="stats-container">
                    <div class="stat-card">
                        <div class="stat-value">1</div>
                        <div class="stat-label">新技术点</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value">1</div>
                        <div class="stat-label">技术主题</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value">1</div>
                        <div class="stat-label">待评估</div>
                    </div>
                </div>
            </div>

            <!-- 新技术点列表 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">识别出的新技术点</h2>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">高精度定位导航技术</div>
                        <div class="list-meta">归属目录: 运输投送保障装备专用技术体系 > 无人运输系统</div>
                    </div>
                    <div>
                        <button class="btn btn-sm start-evaluation" data-tech-point="高精度定位导航技术">发起评估</button>
                    </div>
                </div>
            </div>

            <!-- 技术主题列表 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">识别出的技术主题</h2>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">无人运输系统</div>
                        <div class="list-meta">归属目录: 运输投送保障装备专用技术体系</div>
                    </div>
                    <div>

                    </div>
                </div>
            </div>

            <!-- 评估码保存界面 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">评估码保存</h2>
                </div>
                <div class="form-group">
                    <label class="form-label">技术评估码</label>
                    <div class="evaluation-code-display" id="evaluationCode116">3659</div>
                    <div class="text-warning mt-2">请保存此评估码，用于后续评估操作</div>
                    <button class="btn btn-block btn-success mt-3" id="generateCode116">生成评估码</button>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部导航 -->
    <nav class="bottom-nav">
        <a href="index.html" class="nav-item" data-tab="home">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
            </svg>
            <span>首页</span>
        </a>
        <a href="data.html" class="nav-item" data-tab="data">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M19 3H5c-1.1 0-1.99.9-1.99 2v14c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/>
            </svg>
            <span>数据</span>
        </a>
        <a href="themes.html" class="nav-item" data-tab="themes">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>
            </svg>
            <span>分析</span>
        </a>
        <a href="evaluation.html" class="nav-item" data-tab="evaluation">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
            </svg>
            <span>评估</span>
        </a>
    </nav>

    <script src="js/app.js"></script>
    <script>
        // 页面加载完成后执行
        document.addEventListener('DOMContentLoaded', function() {
            // 事件绑定已在app.js中处理
        });
    </script>
</body>
</html>